<template>
  <div class="med-pagination">
    <div class="handle">
      <slot name="handle"></slot>
    </div>
    <el-pagination
      :layout="layout"
      :page-sizes="pageSizes"
      v-bind="$attrs"
      v-on="$listeners"
    ></el-pagination>
  </div>
</template>
<script>
export default {
  name: 'MedPagination',
  data() {
    return {
      layout: 'total,prev, pager, next,sizes, jumper, ->',
      pageSizes: [10, 20, 30, 50, 100],
    };
  },
};
</script>
<style lang="less" scoped>
.med-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}
</style>
